<!DOCTYPE html>
<html>
	<head>
		<meta charset='utf-8' />
		<title>Oonjal.. Just you wait !!!</title>
		<link rel='stylesheet' type='text/css' href='style.css' />
	  <link href='http://fonts.googleapis.com/css?family=Dosis:400,800' rel='stylesheet' type='text/css'>

		
		<script type='text/javascript' src='javascripts/jquery-1.7.1.min.js'></script>
		<script type='text/javascript' src='javascripts/jquery.tipsy.js'></script>
		<script type='text/javascript'>
		$(function() {
			$('#tipsy').tipsy({fade: true, gravity: 's'});
		});
		</script>
		<!--[if IE]>
		<script src='http://html5shiv.googlecode.com/svn/trunk/html5.js'></script>
		<![endif]-->
		
	</head>
	<body>
		<div class='wrapper'>
			<div class='hr'></div>
			<h1><article class='logo'></article>
			Launching soon.. </h1>
			<p>Unfortunately, we're not quite ready yet. but hey, we're tracking progress..
						
			<section class='progress'>
				<div class='progress-bar-container' id='tipsy' title='18% Complete'> <!-- Edit this title for the tooltip pop up -->
					<article class='progress-bar' style='width:18%'  ></article> <!-- Edit the width percentage value to indicate progress -->
				</div>
				<article class='launch2'></article>
				<article class='launch1'></article>
			</section>
			
			<div class='hr'></div>
				<h2>want to hear from us as soon as we're done.. why not checkin @ 
				<a href='http://facebook.com/oonjal'><img src='/images/facebook-icon.png'></a> or 
				<a href='http://twitter.com/oonjal'><img src='/images/twitter-icon.png'></a>
			  </h2>	
			</section><div class='clear'></div>
			<div class='hr'></div>
			
			<p>Copyright Oonjal.Com.</a></p>
			<!-- <p class='credit'>Template by <a href='http://www.medialoot.com'>MediaLoot</a></p> -->
		</div>
	</body>
</html>
